<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">


<ui:composition template="/templates/layout.xhtml">

	<ui:define name="corpo">

		<div align="center">
			<h:graphicImage name="textBg_top.png" library="imagens" />
		</div>

		<div id="slideshowContainer" align="center">

			<div class="slideshow">
				<h:graphicImage name="slide1.jpg" library="imagens" />
				<h:graphicImage name="compartilhe.jpg" library="imagens" />
				<h:graphicImage name="slide1.jpg" library="imagens" />
			</div>

		</div>


		<div style="margin: 5px; width: 400px; float: right;">
			<!-- AddThis Button BEGIN -->
			<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
			<script type="text/javascript"
				src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-510718d3366f91dd"></script>
			<div
				class="addthis_toolbox addthis_default_style addthis_32x32_style">
				<a class="addthis_button_preferred_1"></a> <a
					class="addthis_button_preferred_2"></a> <a
					class="addthis_button_compact"></a> <a
					class="addthis_counter addthis_bubble_style"></a>
			</div>
		</div>

		<div align="center" style="margin: 0">
			<h:graphicImage library="imagens" name="textBg.png" />
		</div>
		
		<div id="formlogin"
			style="padding-bottom: 5%; padding-top: 5%; height: 470px;">
			<div
				style="width: 50%; float: left; height: 450px; border-left: 3px solid #ff3c03;">
				<div style="text-align: center; padding: 10px;">
					<span
						style="font-family: HelveticaRegular, Helvetica, Arial; font-size: 34px; font-weight: bold; color: #ff3c03;">Criar
						conta</span>

					<div
						style="text-align: left; padding: 20px; font-family: HelveticaRegular, Helvetica, Arial; font-size: 18px; font-weight: bold; color: #393939">
						<h:form id="form_cconta">
							<h:panelGrid id="panelgrid_cconta">

								<h:outputLabel value="Nome :" for="nome_conta" />
								<h:inputText value="" size="50" style="height:30px;"
									id="nome_conta" label="Nome" />


								<h:outputLabel value="E-mail :" for="email_conta" />
								<h:inputText value="" size="50" style="height:30px;"
									id="email_conta" label="E-mail" />

								<h:outputLabel value="Senha :" for="senha_conta" />
								<h:inputText value="" size="30" style="height:30px;" id="senha"
									label="Senha" />

								<h:outputLabel value="Confirmar senha :" for="confirma_senha" />
								<h:inputText value="" size="30" style="height:30px;"
									id="confirma_senha" label="Confirma senha" />

								<h:commandLink action="#" style="text-decoration: none;" onclick="valida()">

									<div
										style="background: #ff3c03; text-align: center; border: 1px #solid #ccc; padding: 8px; margin-top: 10px; font-family: HelveticaRegular, Helvetica, Arial; font-size: 18px; font-weight: bold; color: #fff; text-decoration: none; width: 150px;">
										Criar conta</div>
								</h:commandLink>



							</h:panelGrid>
						</h:form>
					</div>

				</div>



			</div>

			<div
				style="width: 0.09%; background: #393939; margin-top: 10px; height: 440px; float: left;"></div>

			<div
				style="width: 49%; float: right; height: 450px; border-right: 3px solid #ff3c03;">

				<div style="text-align: center; padding: 10px;">
					<span
						style="font-family: HelveticaRegular, Helvetica, Arial; font-size: 34px; font-weight: bold; color: #ff3c03;">Ja
						tenho uma conta </span>

					<div
						style="text-align: left; padding: 20px; font-family: HelveticaRegular, Helvetica, Arial; font-size: 18px; font-weight: bold; color: #393939">
						<h:form id="form_login">
							<h:panelGrid id="panelgrid_login">


								<h:outputLabel value="E-mail :" for="email" />
								<h:inputText value="" size="50" style="height:30px;" id="email"
									label="E-mail" />

								<h:outputLabel value="Senha :" for="senha" />
								<h:inputText value="" size="30" style="height:30px;" id="senha"
									label="Senha" />

								<h:commandLink action="#" style="text-decoration: none;" >

									<div
										style="background: #ff3c03; text-align: center; border: 1px #solid #ccc; padding: 8px; margin-top: 10px; font-family: HelveticaRegular, Helvetica, Arial; font-size: 18px; font-weight: bold; color: #fff; text-decoration: none; width: 100px;">
										Entrar</div>
								</h:commandLink>






							</h:panelGrid>
						</h:form>
					</div>
				</div>



			</div>
		</div>
	</ui:define>
</ui:composition>
</html>